<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>회원가입</title>
<script type="text/javascript">
function windowclose(){
	opener.document.joinform.id.value="${id}";
	opener.document.joinform.checkConfirmId.value="true";
	window.close();
}

function check() {
	
	var f=document.checkIdForm;  //문서.Form name="";
	  
	var idPs=/^[a-z0-9_]{4,8}$/;  //아이디 비밀번호 체크표현식
	
	if(f.id.value==""){
		alert("아이디를 입력해주세요.");
		f.id.focus();
		return false;
	}
	
	if(!idPs.test(f.id.value)){
		alert("유효한 아이디 형식이 아닙니다.");
		f.id.value="";  //id작성했던 값을 비워줌
		f.id.focus();  //id focus이동
		return false;
	}
	
/* 	var idNum=f.id.value.search(/[^(0-9)]/);
	var idEng=f.id.value.search(/[^(a-z)]/);
	if(idNum<0 || idEng<0){
		alert("아이디는 숫자와 영문자를 혼용하셔야 합니다.");
		f.id.select();
		return false;
	} */
}
</script>
</head>
<body bgcolor=#f5f5f5>
<s:if test="chkId==1">
	<table width=400 border=0 cellspacing=0 cellpadding=5>
		<tr align=center>
			<td height=30>
				<font size=2><b>${id}</b> 은(는) 이미 사용 중인 아이디입니다</font>
			</td>
		</tr>
	</table>

	<form action="memberIdCheckAction.action" method="post" name="checkIdForm" onsubmit="return check()">
	<table width=400 border=0 cellpadding=0 cellspacing=0>
		<tr>
			<td align=center>
				<font size=2>다른 아이디를 선택하세요</font><p>
				<input type=text size=10 maxlength=12 name=id />
				<input type=submit value=중복확인>
			</td>
		</tr>
	</table>
	</form>
</s:if>
	
<s:else>
	<table width=400 border=0 cellspacing=0 cellpadding=5>
		<tr>
			<td align=center>
				<br><br>
				<font size=2>입력하신 <b>${id}</b> 은(는) 사용할 수 있는 아이디입니다.</font>
				<br/><br/>
				<input type=button value=닫기 onclick="windowclose()" />
			</td>
		</tr>
	</table>
</s:else>
</body>
</html>